/******************     height    **********************/

.height-100-perc {
    height: 100% !important;
    height: auto !important;
}

.height-70 {
    height: 70px;
}

.width-100-perc{
    width: 100%;
}
.width-21
{
    width: 21px;   
}
.width-120
{
    width: 120px;   
}
/******************     float    **********************/

.fl-right {
    float: right;
}
.fl-left {
    float: left;
}

/******************     display    **********************/
.d-flex{display:flex;}
.d-block{display: block;}
.d-none {display: none;}
.d-inblock {display: inline-block}
.d-inflex {display: inline-flex;}
.d-in {display: inline;}
.d-cont {display: contents;}
.d-flroot {display: flow-root;}
.d-grid {display: grid;}
.d-inherit {display: inherit;}
.d-initial {display: initial;}
.d-ingrid {display: inline-grid;}
.d-intable {display: inline-table;}
.d-list-item {display: list-item;}
.d-table {display: table;}
.d-table-caption {display: table-caption;}
.d-table-cell {display: table-cell;}
.d-table-column {display: table-column;}
.d-table-column-group {display: table-column-group;}
.d-table-footer-group {display: table-footer-group;}
.d-table-header-group {display: table-header-group;}
.d-table-row {display: table-row;}
.d-table-row-group {display: table-row-group;}
.d-unset {display: unset;}

@media (max-width: 767px) {
    .d-xs-flex{display:flex;}
    .d-xs-block{display: block;}
    .d-xs-none {display: none;}
    .d-xs-inblock {display: inline-block}
    .d-xs-inflex {display: inline-flex;}
    .d-xs-in {display: inline;}
    .d-xs-cont {display: contents;}
    .d-xs-flroot {display: flow-root;}
    .d-xs-grid {display: grid;}
    .d-xs-inherit {display: inherit;}
    .d-xs-initial {display: initial;}
    .d-xs-ingrid {display: inline-grid;}
    .d-xs-intable {display: inline-table;}
    .d-xs-list-item {display: list-item;}
    .d-xs-table {display: table;}
    .d-xs-table-caption {display: table-caption;}
    .d-xs-table-cell {display: table-cell;}
    .d-xs-table-column {display: table-column;}
    .d-xs-table-column-group {display: table-column-group;}
    .d-xs-table-footer-group {display: table-footer-group;}
    .d-xs-table-header-group {display: table-header-group;}
    .d-xs-table-row {display: table-row;}
    .d-xs-table-row-group {display: table-row-group;}
    .d-xs-unset {display: unset;}
}

@media (min-width: 768px) and (max-width: 991px) {
    .d-sm-flex{display:flex;}
    .d-sm-block{display: block;}
    .d-sm-none {display: none;}
    .d-sm-inblock {display: inline-block}
    .d-sm-inflex {display: inline-flex;}
    .d-sm-in {display: inline;}
    .d-sm-cont {display: contents;}
    .d-sm-flroot {display: flow-root;}
    .d-sm-grid {display: grid;}
    .d-sm-inherit {display: inherit;}
    .d-sm-initial {display: initial;}
    .d-sm-ingrid {display: inline-grid;}
    .d-sm-intable {display: inline-table;}
    .d-sm-list-item {display: list-item;}
    .d-sm-table {display: table;}
    .d-sm-table-caption {display: table-caption;}
    .d-sm-table-cell {display: table-cell;}
    .d-sm-table-column {display: table-column;}
    .d-sm-table-column-group {display: table-column-group;}
    .d-sm-table-footer-group {display: table-footer-group;}
    .d-sm-table-header-group {display: table-header-group;}
    .d-sm-table-row {display: table-row;}
    .d-sm-table-row-group {display: table-row-group;}
    .d-sm-unset {display: unset;}
}

@media (min-width: 992px) and (max-width: 1199px) {
    .d-md-flex{display:flex;}
    .d-md-block{display: block;}
    .d-md-none {display: none;}
    .d-md-inblock {display: inline-block}
    .d-md-inflex {display: inline-flex;}
    .d-md-in {display: inline;}
    .d-md-cont {display: contents;}
    .d-md-flroot {display: flow-root;}
    .d-md-grid {display: grid;}
    .d-md-inherit {display: inherit;}
    .d-md-initial {display: initial;}
    .d-md-ingrid {display: inline-grid;}
    .d-md-intable {display: inline-table;}
    .d-md-list-item {display: list-item;}
    .d-md-table {display: table;}
    .d-md-table-caption {display: table-caption;}
    .d-md-table-cell {display: table-cell;}
    .d-md-table-column {display: table-column;}
    .d-md-table-column-group {display: table-column-group;}
    .d-md-table-footer-group {display: table-footer-group;}
    .d-md-table-header-group {display: table-header-group;}
    .d-md-table-row {display: table-row;}
    .d-md-table-row-group {display: table-row-group;}
    .d-md-unset {display: unset;}
}

@media (min-width: 1199px) {
    .d-lg-flex{display:flex;}
    .d-lg-block{display: block;}
    .d-lg-none {display: none;}
    .d-lg-inblock {display: inline-block}
    .d-lg-inflex {display: inline-flex;}
    .d-lg-in {display: inline;}
    .d-lg-cont {display: contents;}
    .d-lg-flroot {display: flow-root;}
    .d-lg-grid {display: grid;}
    .d-lg-inherit {display: inherit;}
    .d-lg-initial {display: initial;}
    .d-lg-ingrid {display: inline-grid;}
    .d-lg-intable {display: inline-table;}
    .d-lg-list-item {display: list-item;}
    .d-lg-table {display: table;}
    .d-lg-table-caption {display: table-caption;}
    .d-lg-table-cell {display: table-cell;}
    .d-lg-table-column {display: table-column;}
    .d-lg-table-column-group {display: table-column-group;}
    .d-lg-table-footer-group {display: table-footer-group;}
    .d-lg-table-header-group {display: table-header-group;}
    .d-lg-table-row {display: table-row;}
    .d-lg-table-row-group {display: table-row-group;}
    .d-lg-unset {display: unset;}
}





.back-white
{
     background-color:white;
}

.back-F9F9F9
{
    background-color: #f9f9f9;
}

/******************     display    **********************/
.c-white
{
    color: white;
}
.c-black
{
    color: black;
}
.bc-red
{
    background-color:red;
}
.c-pointer {
    cursor: pointer;
}

.border-none
{
    border:none;
}

.line-height-30
{
    line-height: 30px;
}
.line-height-34
{
    line-height: 34px;
}

.opacity-0
{
    opacity: 0;
}
.opacity-07
{
    opacity: 0.7;
}
.opacity-1
{
    opacity: 1;
}
.right-0
{
    right: 0px;
}

.top-0
{
    top: 0px;
}











.text-right {text-align: right;}
.text-center {text-align: center;}
.text-left  {text-align: left;}
.text-justify {text-align: justify;}


@media (max-width: 767px) {
    .text-xs-right {text-align: right;}
    .text-xs-center {text-align: center;}
    .text-xs-left  {text-align: left;}
    .text-xs-justify {text-align: justify;}
}

@media (min-width: 768px) and (max-width: 991px) {
    .text-sm-right {text-align: right;}
    .text-sm-center {text-align: center;}
    .text-sm-left  {text-align: left;}
    .text-sm-justify {text-align: justify;}
}

@media (min-width: 992px) and (max-width: 1199px) {
    .text-md-right {text-align: right;}
    .text-md-center {text-align: center;}
    .text-md-left  {text-align: left;}
    .text-md-justify {text-align: justify;}
}

@media (min-width: 1199px) {
    .text-lg-right {text-align: right;}
    .text-lg-center {text-align: center;}
    .text-lg-left  {text-align: left;}
    .text-lg-justify {text-align: justify;}
}